<template>
    <div>
        <Main/>
        <Button type="error" ghost>page2</Button>
        <div class="left">
            <ul>
                <li><router-link to="/page1/java">java</router-link></li>
                <li><router-link to="/page1/mysql">mysql</router-link></li>
                <li><router-link to="/page1/vue">vue</router-link></li>
            </ul>
        </div>
        <div class="right">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
import Main from "@/view/main.vue"
export default {
    data(){
        return{

        }
    },
    components:{
        Main
    }
}
</script>
<style>

    li{
        width: 3;
    }
    .left{
        width: 8%;
    }
    .right{
        background-color: aqua
    }
    .left,.right{
        float: left;
    }
</style>
